<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/dropdown_select.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/Helvetica_iDesign_Vn_97_BlkCn_900.font.js"></script>
<script type="text/javascript">
	Cufon.replace('.menu a',{hover: true});
</script>
<script type="text/javascript">
	Cufon.replace('h2, h3, .content_bottom h3, .title_icon');
</script>
</head>

<body id="top">
	<div id="container">
    	<div id="header">
        	<div class="top_header">
            	<div class="fix960">
                	<div class="menu">
                    	<ul>
                        	<li><a href="#">Trang chủ</a></li>
                            <li><a href="#">Giới thiệu</a></li>
                            <li><a href="#">Liên hệ</a></li>
                        </ul>
                    </div>
                    <div class="community">
                    	<a href="#" class="rss"></a>
                        <a href="#" class="fb"></a>
                        <a href="#" class="tw"></a>
                    </div>
                </div>
            </div>
            <div class="mid_header">
            	<div class="fix960">
                	<div class="logo fl"><a href="#"><img src="images/logo.png" /></a></div>
                    <div class="slogan fl"><img src="images/img_portfolio.png" /></div>
                </div>
            </div>
        </div>
    	<div id="content">
        <div class="fix960">
        	<div class="panel_left">
            	<div class="block_white">
                	<div class="manager_account">
                    	<strong>PANDA</strong> 
						<div class="link_blue"><a href="#">Quản lý tài khoản</a> | <a href="#">Thoát</a></div>
                    </div>
                    <div class="nav_left">
                    <div class="title">Xem theo</div>
                    	<ul>
                        	<li class="active">Mới nhất</li>
                            <li><a href="#">Xem nhiều</a></li>
                            <li><a href="#">Nhiều bình luận</a></li>
                            <li><a href="#">Nhiều P<span><img src="images/ico02.png" /></span></a></li>
                        </ul>
                    <div class="title">THỜI GIAN</div>
                        <ul>
                        	<li><a href="#">Tất cả</a></li>
                            <li><a href="#">Hôm nay</a></li>
                            <li><a href="#">Tuần này</a></li>
                            <li><a href="#">Tháng này</a></li>
                        </ul>
                    </div>	
                </div>
            </div>
            <div class="panel_mid">
            	<div class="block_white">
                	<div class="block_heading_black">
                    	<div class="pd_tb_m ofh">
                    	<div class="arrow_title fl">
                        	<h5>ĐỒ HỘP THỨC ĂN</h5>
                            <div class="link02">Lĩnh vực: <span class="blue_color"><a href="#">Đồ họa</a>, <a href="#">Minh họa</a>, <a href="#">thiết kế</a></span></div>
                        </div>
                        <div class="view_user fr">
                        	<div class="avatar fr"><img src="images/avatar.png" /></div>
                            <div class="txt05 fr">
                            	Thực hiện:
								<div class="blue_color">PANDA</div>
                            </div>
                            <div class="fix_ico01 fr"><a href="#"><img src="images/ico03_white.png" /></a></div>
                        </div>
                        </div>
                    </div>
                    <div class="detail">
                    	<p>Như những phan hâm mộ của kiểu chữ của Dupre Xavier, tôi rất phấn khích khi nhìn thấy sự phát hành chính thức vào cuối năm 2009. Điều này có nghĩa những người thiết kế thích thay đổi có thể có một kiểu chữ tuyệt vời trong túi mình (nguyên gốc: under his belt).</p>
<p>Với phiên bản FF Reminga trong năm 2008, tôi tự hỏi sẽ có gì cho chúng tôi vào năm 2009. FF Yoga vượt lên thành kiểu chữ của Dupre yêu thích nhất của tôi. Thiết kế chủ yếu cho các tờ báo (tôi chắc chắn nó sẽ được dùng cho các môi trường khác).	</p>
<hr />
                        <div class="position_fixed textcenter mgr_bot_xl">
                        	<img src="images/img_sample01.jpg" />
                            <div class="bg_transparent">
                                <div class="community_fixed">
                                    <a href="#" class="fb_l"></a>
                                    <a href="#" class="tw_l"></a>
                                    <a href="#" class="gg_l"></a>		
                                </div>
                            </div>
                        </div>
                        <div class="position_fixed textcenter mgr_bot_xl">
                        	<img src="images/img_sample01.jpg" />
                        </div>
                        <div class="click_poo">
                        	<div class="link03"><a href="#">Click để POO</a></div>
                            <div class="ofh">Đã có 57 bạn POO</div>
                        </div>
                    </div>
                    	
                </div>
                <div class="block_white pd_all_m">
                	<div class="ofh">
                    	<div class="title_icon ico03 fl">Tác phẩm khác</div>
                        <div class="ontop fr"><a href="#top">lên trên</a></div>
                    </div>
                    <div class="slide_gallery_1">
                    	<div class="img">
                            <div class="thumnb"><img src="images/thumb_l.png" /></div>
                            <div class="thumnb"><img src="images/thumb_l.png" /></div>
                            <div class="thumnb"><img src="images/thumb_l.png" /></div>
                        </div>	
                        <div class="nav_ico">
                        	<ul>
                            	<li class="active"></li>
                                <li><a href="#"></a></li>
                                <li><a href="#"></a></li>
                                <li><a href="#"></a></li>
                                <li><a href="#"></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="block_white pd_all_m">
                	<div class="title_comment"><img src="images/ico09.png" /></div>
                    <div class="box_cm_list">
                    	<div class="avatar_cm"><img src="images/avatar.png" /></div>
                        <div class="comment_list">
                        	<a href="#">Daniel Mendez</a>, 5:13am on Sep 6th, 2011
                            <p>Từ ngày 5/9/2011, Viettel chính thức cung cấp dịch vụ Quản lý cuộc gọi dành cho tất cả các thuê bao di động của nhà mạng này trên toàn quốc.</p>
                        </div>
                        <div class="btn_close"><a href="#"></a></div>
                    </div>
                    <div class="fix06">
                        <div class="rating">
                            <ul>
                            	<li style=" display:none;"><a href="#">Prev</a></li>
                                <li class="active"><span>1</span>|</li>
                                <li><a href="#">2</a>|</li>
                                <li><a href="#">3</a>|</li>
                                <li><a href="#">4</a>|</li>
                                <li><a href="#">5</a>|</li>
                                <li><a href="#">Next</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="">
                    	
                        	<div class="ofh">
                            <form action="" method="get">
                            <div class="fix07_1 fr">
                            	<div class="txt01">255 characters left</div>
                            	<div class="fix_textarea"><textarea name="" cols="" rows="" class="textarea_1"></textarea></div>
                            </div>
                            <div class="fix08 fl">
                            	<div class="fix_psi02">
                            		<div class="button_gray"><a href="#">Bình luận</a></div>
                                </div>
                            </div>
                            </form>
                            </div>
                        
                    </div>
                </div>
            </div>
            <div class="panel_right">
            	<div class=" block_white pd_all_m mgr_bot_m">
                	<!--<div class="selectbox">Tìm kiếm</div>
                    <div class="selectbox1">THƯ MỤC</div>-->
                    <div class="combobox_01">
                    	<select name="a" id="a" class="styled" style=" width:123px;"><option>Tìm kiếm</option>
                        </select>
                    </div>
                    <div class="combobox_02">
                    	<select name="b" id="b" class="styled" style=" width:123px;">
                        	<option>THƯ MỤC</option>
                        	<option>Tất cả</option>
                            <option>Đồ họa</option>
                            <option>Website</option>
                            <option>Thiết kế</option>
                            <option>Thương hiệu</option>
                            <option>Minh họa</option>
                            <option>Mỹ thuật</option>
                            <option>Mỹ thuật số</option>
                            <option>Nhiếp ảnh</option>
                            <option>Animation</option>
                            <option>Video/Film</option>
                            <option>Manipulations</option>
                        </select>
                    </div>
                        
                </div>
                <div class="ads"><img src="images/ads.png" /></div>
            </div>
        </div>
        <div class="content_bottom">
        	<div class="fix960">
            	<div class="block w320 fl">
                	<h3>Ấn tượng</h3>
                    <div class="swipe_gallery">
                    	<div class="arrow_left"><a href="#"></a></div>	
                        <div class="slide_gallery">
                        	<img src="images/thumb.png" width="200" height="130" />
                        </div>
                        <div class="arrow_right"><a href="#"></a></div>
                    </div>
                </div>
                <div class="block w360 fl">
                	<h3>Kiến thức </h3>
                    <div class="link01">
                    	<ul>
                        	<li><a href="#">70 Wallpaper tuyệt đỉnh dành cho Apple Fan</a></li>
                            <li><a href="#">5 yếu tố để xác định khả năng sáng tạo</a></li>
                            <li><a href="#">Những bước đơn giản để thiết kế Web Minimalism</a></li>
                            <li><a href="#">70 Wallpaper tuyệt đỉnh dành cho Apple Fan</a></li>
                            <li><a href="#" class="more">Xem thêm >></a></li>
                        </ul>
                    </div>
                </div>
                <div class="fixposition">
                	<div class="bg_black p01">tác phẩm</div>
                    <div class="fix_number_01 p02">1754</div>
                    <div class="fix_number_01 p03">486</div>
                    <div class="bg_black p04">tác<br />giả</div>
                    <div class="fix_number_02 p05">676547</div>
                    <div class="bg_black p06">lượt xem</div>
                </div>
            </div>		
        </div>
        </div>
        <div id="footer">
        	<div class="fix960">
            	<div class="copyright fl">© 2010 iPoo. All rights reserved. | <a href="#top">Back to top</a></div>
                <div class="menu_footer fr">
                	<ul>
                        <li><a href="#">Trang chủ</a>|</li>
                        <li><a href="#">Giới thiệu</a>|</li>
                        <li><a href="#">Điều khoản sử dụng</a>|</li>
                        <li><a href="#">Liên hệ</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
<script type="text/javascript">//<![CDATA [ Cufon.now();  //]]></script>
</body>
</html>
